<template>
  <el-form label-width="100px" class="form-2-layout tools-update-lang">
    <el-form-item label="目标语言1">
      <el-select v-model="form.lang1" placeholder="请选择语言1" clearable filterable>
        <el-option v-for="(item, i) in langs" :key="i" :label="item" :value="item"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="目标语言2">
      <el-select v-model="form.lang1" placeholder="请选择语言2" clearable filterable>
        <el-option v-for="(item, i) in langs" :key="i" :label="item" :value="item"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="差异比较">
      <el-select v-model="form.type" placeholder="请选择" clearable filterable>
        <el-option label="比较value" value="value"></el-option>
        <el-option label="比较key" value="key"></el-option>
        <el-option label="比较全部" value="all"></el-option>
      </el-select>
    </el-form-item>
  </el-form>
</template>

<script setup lang="ts">
defineProps({ langs: Array as any })
const form = reactive({
  lang2: '',
  lang1: '',
  type: 'key'
})
</script>

<style lang="scss" scoped></style>
